<div id="main_container">
	{$oZoneHeader}
    <div class="main_content">
        {$oZoneTopMenu}
        <div class="center_content">  
            <div class="left_content">
                {$oZoneLeftMenu}
                {$oZoneModeleLeft}
            </div>
    
           <div class="right_content">
                <form id="createForm" class="Gmodeles" action="{jurl 'essais~BoGamme:save'}" method="POST">
				<input type="hidden" name="essai_id" id="essai_id" value="{$oEssai->ess_id}">
                <h2>TECHNIQUE  - {$oEssai->ess_zSousTitre}</h2> 
                  
				<h3>Les caractéristiques</h3>
                  
				<div id='TextBoxesGroup'>
                    <div id="TextBoxDiv1">
                        <label>Caractéristique : </label>
                        <input class="suggest" type='text' id='choix' name="choix"/>
                        <input type='button' value='Ajouter' id='addButton' />
                    </div>
                </div>
				<div id="ajaxload" align="left">
					{$listeCaracteristique}
				</div>

				<h3>Les versions</h3>
                  
				<div id='TextBoxesGroup'>
                    <div id="TextBoxDiv1">
                        <label>Version : </label>
                        <input class="suggest" type='text' id='version' name="version"/>
                        <input type='button' value='Ajouter' id='addButton1' />
                    </div>
                </div>
				<div id="ajaxloadVersion" align="left">
					{$listeVersion}
				</div>
                <br />
    <a href="{jurl 'essais~BoModeleTechnique:tableau', array('iId'=>$oEssai->ess_id)}" id="launchSearch" class="bt_green" style="margin-top:15px;"><span class="bt_green_lft"></span><strong>Tableau</strong><span class="bt_green_r"></span></a>
    <a href="{jurl 'essais~BoModele:index', array('iId'=>$oEssai->ess_id)}" id="launchSearch" class="bt_green" style="margin-top:15px;"><span class="bt_green_lft"></span><strong>Retour</strong><span class="bt_green_r"></span></a>

            </form>
         </div><!-- end of right content-->
     </div>   <!--end of center content -->               
        <div class="clear"></div>
   </div> <!--end of main content-->
	
    
    <div class="footer">
    </div>

</div>
<!-- Script autocompletion--> 
{literal}
	<script type="text/javascript">
            $(function(){
                $('#addButton').click(function(){
                    var zUrl = '{/literal}{jurl "essais~BoModeleTechnique:saveCaracteristique", array(), false}{literal}' ;
                    var zChoix = $('#choix').val() ;
                    var essaiId = $('#essai_id').val() ;
                    if (zChoix) {
                        if ($('#rounded-corner > tbody > tr').length < 10) {
                            $.post(zUrl, {zChoix:zChoix, essaiId:essaiId}, function(iResultId){
                                var zUrlZone = '{/literal}{jurl "commun~default:getZone", array("zone"=>"essais~listeCaracteristique"), false}{literal}' ;
                                $('#ajaxload').load(zUrlZone, {id:essaiId}, function(){
                                    $('.ask', $('#ajaxload')).jConfirmAction();
                                    $('#choix').val('');
                                }) ;
                            });
                        } else {
                            alert ('le nombre de choix admis doit etre inférieur à 10') ;
                        }
                    } 
                });
            });
	 </script>

	 <script type="text/javascript">
            $(function(){
                $('#addButton1').click(function(){
                    var zUrl = '{/literal}{jurl "essais~BoModeleTechnique:saveVersion", array(), false}{literal}' ;
                    var zVersion = $('#version').val() ;
                    var essaiId = $('#essai_id').val() ;
                    if (zVersion) {
                        if ($('#rounded-corner > tbody > tr').length < 10) {
                            $.post(zUrl, {zVersion:zVersion, essaiId:essaiId}, function(iResultId){
                                var zUrlZone = '{/literal}{jurl "commun~default:getZone", array("zone"=>"essais~listeVersion"), false}{literal}' ;
                                $('#ajaxloadVersion').load(zUrlZone, {id:essaiId}, function(){
                                    $('.ask', $('ajaxloadVersion')).jConfirmAction();
                                    $('#version').val('');
                                }) ;
                            });
                        } else {
                            alert ('le nombre de choix admis doit etre inférieur à 10') ;
                        }
                    } 
                });
            });
	 </script>
{/literal}
